
import PageTitle from "@/components/PageTitle";

import "./index.scss";

const listData: any[] = [];

// 模拟数据
for (let i = 1; i < 72; i++) {
  listData.push({
    id: i,
    name: "",
    value:Math.floor(Math.random()*1000)
  });
}

const TaskRecord = () => {


  return (
    <div className="task-record-container">
      <PageTitle />

      {/* 总额 */}
      <div className="total-box">
        <div className="describe">My Task Rewards</div>
        <div className="total">
          <span className="num">314</span>
          <span className="unit">H/s</span>
        </div>
      </div>

      {/* 列表 */}
      <div className="task-record-title">Reward History</div>
      <div className="list-box">
        <ul>
          {listData.map((item) => (
            <li key={item.id}>
                <div className="item-box">
                  <div className="icon-box">
                  <img src="/images/task_photo.png" />
                  </div>
                    <div className="left-box">
                        <div className="name">Invite Friends Rewards</div>
                        <div className="datetime">12/27/2024 16:40:05</div>
                    </div>
                    <div className="right-box">
                        <span className="num">+{item.value}</span>
                        <span className="unit">H/s</span>
                    </div>
                </div>
            </li>
          ))}
        </ul>
      </div>
    </div>
  );
};

export default TaskRecord;
